{% extends "base.html" %}
{% block title %}主页{% endblock %}
{% block content %}
<!-- 电视剧板块开始 -->
<h1 style="text-align: center; color: rgba(255,255,255,.6);">电视剧<a  href="{% url 'home:tv' %}" style="margin: 10%;">更多</a></h1>
<div class="card-list-wrap">
    {% for tv_list in tv_lists %}
    <a href="/play/tv/first/{{ tv_list.id }}/" class="card vertical">
        <div class="img-wrap">
            <img data-src="{{ tv_list.new_pic_vt }}" alt="ttt"
                class="poster-img" src="{{ tv_list.new_pic_vt }}"
                lazy="loaded">
            <div class="bottom">
                <div class="right-bottom-text"> {{ tv_list.time_long }} </div>
            </div>
        </div>
        <div class="info-wrap">
            <div class="title"> {{ tv_list.title }} </div>
            <div class="sub-title"> {{ tv_list.second_title }} </div>
        </div>
    </a>
    {% endfor %}
</div>
<!-- 电视剧板块结束 -->
<!-- 电影板块开始 -->
<h1 style="text-align: center; color: rgba(255,255,255,.6);">电影<a  href="{% url 'home:movie' %}" style="margin: 10%;">更多</a></h1>
<div class="card-list-wrap">
    {% for movie_list in movie_lists %}
    <a href="/play/movie/first/{{ movie_list.id }}/" class="card vertical">
        <div class="img-wrap">
            <img data-src="{{ movie_list.new_pic_vt }}" alt="ttt"
                class="poster-img" src="{{ movie_list.new_pic_vt }}"
                lazy="loaded">
        </div>
        <div class="info-wrap">
            <div class="title"> {{ movie_list.title }} </div>
            <div class="sub-title"> {{ movie_list.second_title }} </div>
        </div>
    </a>
    {% endfor %}
</div>
<!-- 电影板块结束 -->
<!-- 动漫板块开始 -->
<h1 style="text-align: center; color: rgba(255,255,255,.6);">动漫<a  href="{% url 'home:cartoon' %}" style="margin: 10%;">更多</a></h1>
<div class="card-list-wrap">
    {% for cartoon_list in cartoon_lists %}
    <a href="/play/cartoon/first/{{ cartoon_list.id }}/" class="card vertical">
        <div class="img-wrap">
            <img data-src="{{ cartoon_list.new_pic_vt }}" alt="ttt"
                class="poster-img" src="{{ cartoon_list.new_pic_vt }}"
                lazy="loaded">
            <div class="bottom">
                <div class="right-bottom-text"> {{ cartoon_list.time_long }} </div>
            </div>
        </div>
        <div class="info-wrap">
            <div class="title"> {{ cartoon_list.title }} </div>
            <div class="sub-title"> {{ cartoon_list.second_title }} </div>
        </div>
    </a>
    {% endfor %}
</div>
<!-- 动漫板块结束 -->
{% endblock %}